<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>

<script setup lang="ts">
import { useDeptStore } from '../stores/dept'

import { IDept } from '@/stores'

import { storeToRefs } from 'pinia'

const deptStore = useDeptStore()
let n: number = 1

const { dept: d } = storeToRefs(deptStore)

deptStore.increment()
console.log(d.deptno)
</script>
